$fontWhite: #fff;
$fontBlack: #000;
$baseWord: #7e7e7e;
$wordChange: #D23133;
$fontGray: #AAA;

* {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
	color: #313131;
}
li {
    list-style: none;
}
header {
    .part-one {
        background-color: #333;
        height: 63px;
        div {
            width: 1260px;
            margin: 0 auto;
        }
    }
    .part-two {
        background-color: #222;
        height: 50px;
        div {
            width: 1260px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            ul {
                display: flex;
            }
            .menu {
                li {
                    background-color: #2a2a2a;
                    width: 75px;
                    height: 50px;
                    a {
                        width: inherit;
                        height: inherit;
                        display: block;
                        color: $fontWhite;
                        line-height: 50px;
                        text-align: center;
                    }
                }
                li:nth-child(1):hover {
                    background-color: #dc1720;
                }
                li:nth-child(3):hover {
                    background-color:#053960;
                }
                li:nth-child(5):hover {
                    background-color: #00a53c;
                }
                li:nth-child(7):hover {
                    background-color:#fa5f00;
                }
                li:nth-child(9):hover {
                    background-color:#00c3c3;
                }
                li:nth-child(11):hover {
                    background-color:#61b651;
                }
                li:nth-child(13):hover {
                    background-color: #de8b21;
                }
                span {
                    border-left: 1px solid #353535;
                    border-right: 1px solid #0d0c08;
                    height: 50px;
                }
            }
            .tool {
                li {
                    background-color: #2a2a2a;
                    width: 75px;
                    height: 50px;
                    a {
                        width: inherit;
                        height: inherit;
                        display: block;
                        color: $fontGray;
                        line-height: 50px;
                        text-align: center;
                    }
                }
                span {
                    border-left: 1px solid #353535;
                    border-right: 1px solid #0d0c08;
                    height: 50px;
                }
            }
        }
    }
}
.wpr {
	width: 1260px;
    margin: 60px auto;
	.body-left {
		float: left;
		width: 960px;
		box-shadow: 0 0 3px #999;
		padding: 23px 0;
		margin-bottom: 50px;
		background-color: #FFF;
		position: relative;
		z-index: 100;
		.body {
			overflow: hidden
		}
		.space {
			height: 60px;
		}
		.left {
			width: 180px;
			overflow: hidden;
			float: left;
			position: relative;
			z-index: 100;
			color: #444;
			h2 {
				color: #FFF;
				font-family: "微软雅黑";
				font-size: 18px;
				text-align: right;
				background-color: #5c5d5e;
				padding: 7px 20px;
				font-weight: lighter;
				line-height: 20px;
				height: 40px;
				width: 139px;
				.small {
					font-size: 14px;
					color: #aaa;
				}
			}
			ul {
				font-family: "宋体";
				text-align: right;
				float: right;
				font-weight: lighter;
				padding: 0 0 15px 20px;
				height: 415px;
				color: #7e7e7e;
			}
			div {
				ul {
					padding: 10px 0 23px 20px;
				    width: 170px;
				    border: 0;
					li {
						width: 65px;
					    height: 21px;
					    background: #e6e6e6;
					    font-size: 12px;
					    text-align: right;
					    padding: 2px 3px 0 0;
					    float: left;
					    margin: 4px 5px;
					    cursor: pointer;
						line-height: 20px;
						border-right: 4px solid #e6e6e6;
					}
				}
			}
		}
		.right {
			ul {
				display: block;
				list-style-type: disc;
				margin-block-start: 1em;
				margin-block-end: 1em;
				margin-inline-start: 0px;
				margin-inline-end: 0px;
				padding-inline-start: 40px;
				.img-block {
					float: left;
				    height: 203px;
				    margin-right: 20px;
				    margin-bottom: 10px;
				    overflow: hidden;
				    position: relative;
				    width: 360px;
				}
				.h2 {
					height: 426px;
				}
				.go-up {
					margin-top: -223px;
					margin-left: 140px;
				}
				div {
					li {
						float: left;
						width: 233px;
						height: 247px;
						position: relative;
						margin-right: 20px;
						div {
							padding: 10px 20px;
							margin-bottom: 0;
							border: 1px solid #ddd;
							border-bottom-width: 0;
							height: 104px;
							text-align: center;
							
							h3 {
								font-size: 20px;
								color: #313131;
								margin-top: 20px;
								height: 24px;
								overflow: hidden;
								font-family: "宋体";
							}
							div {
								margin: 20px auto 0;
								padding-left: 14px;
								height: 20px;
								width: 58px;
								line-height: 20px;
								color: #999;
								font-family: "宋体";
								border: 0;
							}
						}
					}
				}
			}
		}
	}
	.body-right {
		float: left;
		width: 300px;
		background-color: #333;
		padding-bottom: 15px;
		margin-top: 23px;
		.top-small {
			margin-left: 10px;
			margin-top: -40px;
			position: absolute;
			cursor: pointer;
		}
		div {
			h2 {
				height: 32px;
				background: #222;
			    border-top: 1px solid #464646;
			    padding-top: 8px;
			    color: #fff;
			    padding-left: 10px;
			    font-size: 16px;
			    font-family: "微软雅黑";
			    width: 290px;
			    font-weight: lighter!important;
			}
			ul {
				background: #333;
			    border-width: 1px 0;
			    border-style: solid;
			    border-color: #464646;
			    padding: 20px 2px 0px 10px;
			    width: 288px;
				height: 93px;
				.zazhi {
				    float: left;
				    margin-right: 8px;
				    width: 64px;
				    height: 91px;
				    position: relative;
				    overflow: hidden;
				    cursor: pointer;
				    margin-left: 18px;
				}
				li {
					float: left;
				    margin: 0 8px 8px 0;
				    overflow: hidden;
				    position: relative;
				    height: 64px;
				    width: 64px;
				    display: block;
				    cursor: pointer;
				}
			}
			.top-zazhi {
				width: 280px;
				padding: 20px 10px;
			}
		}
	}
}